<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8"><link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico">
        <script src="./Highcharts-9.2.2/code/highcharts.js"></script>	
        <script src="./Highcharts-9.2.2/code/modules/exporting.js"></script>
        <script src="./Highcharts-9.2.2/code/highcharts-zh_CN.js"></script>
        <script src="./js/jquery-3.6.0.min.js"></script>
        <script src="./bootstrap-4.6.0-dist/js/bootstrap.min.js"></script>
		<script src="./js/chart.js"></script>
		<script src="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.js"></script>
		<link rel="stylesheet"href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">  
        <link rel="stylesheet" href="./bootstrap-4.6.0-dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/index.css" />
    </head>
    <body style="background-color:#e9ecef;">
  
		  <nav class="navbar navbar-dark bg-primary">
		    <a class="navbar-brand" href="#">
		      <img src="./assets/img/logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
		      <span class="topcompany">翰斯泰医疗科技（苏州）有限公司</span>
			  <img src="./assets/img/docbox.png" width="30" height="30" class="d-inline-block align-top doctop" alt="">
			  <span class="cure">治疗界面</span>
			  <span class="mainfont">主页&nbsp;|</span>
			  <img src="./assets/img/mainpage.png" width="30" height="28" class="d-inline-block align-top mainpage" alt="">
			  <img src="./assets/img/person.png" width="30" height="28" class="d-inline-block align-top per" alt="">
			  <img src="./assets/img/set.png" width="30" height="28" class="d-inline-block align-top set" alt="">
		    </a>
		  </nav>
	
<!-- 治疗计划确认--> 	
<div class="cureconfirm1">
<ul class="list-group list-group-horizontal">
  <li class="list-group-item curecomfirm">治疗计划确认</li>
</ul>
<ul class="list-group list-group-horizontal-sm">
  <li class="list-group-item">第一步：<button type="button" class="btn btn-primary choice">患者选择</button></li>
</ul>
<ul class="list-group list-group-horizontal-md">
  <li class="list-group-item">第二步：<button type="button" class="btn btn-primary choice">靶点选择</button></li>
</ul>
<ul class="list-group list-group-horizontal-lg">
</ul>
<ul class="list-group list-group-horizontal-xl">
</ul>
</div>
<div class="chainState" style="width: 31px; height: 179px; background-color: #1c7430">
	<span style="line-height: 30px">连锁状态 ﹀
	<img src="../s21/assets/img/comfirm.png" alt="" style="width: 27px; height: 27px; margin-bottom: 15px">
	</span>
</div>
<!-- 患者信息-->
<div class="cureinfo">
	<ul class="list-group list-group-horizontal list-group1" >
	  <li class="list-group-item detailinfo">患者信息</li>
	</ul>
	<ul class="list-group list-group-horizontal">

	  <li class="list-group-item">姓名：</li>
	  <li class="list-group-item1">张三</li>
	  <li class="list-group-item">编号</li>
	  <li class="list-group-item1">10051</li>
	</ul>
	<ul class="list-group list-group-horizontal-sm">
	  <li class="list-group-item">性别：</li>
	  <li class="list-group-item1">男</li>
	  <li class="list-group-item">电话：</li>
	  <li class="list-group-item1">15850036455</li>
	</ul>
	<ul class="list-group list-group-horizontal-md">
	  <li class="list-group-item">计划医生：</li>
	  <li class="list-group-item1">JACK</li>
	  <li class="list-group-item">计划日期：</li>
	  <li class="list-group-item1">2021-10-22</li>
	</ul>
	<ul class="list-group list-group-horizontal-lg">
	  <li class="list-group-item">计划分次：</li>
	  <li class="list-group-item1">3/5</li>
	  <li class="list-group-item">治疗部位：</li>
	  <li class="list-group-item1">头部</li>
	</ul>
	<ul class="list-group list-group-horizontal-xl">
	  <li class="list-group-item">诊断结果：</li>
	  <li class="list-group-item1">良性肿瘤</li>
	  <li class="list-group-item">备注</li>
	  <li class="list-group-item1"></li>
	</ul>
</div>	
<!-- 靶点信息--> 	
<div class="bdinfo	targetinfo2">
	<ul class="list-group list-group-horizontal" >
	  <li class="list-group-item bdlinfo1 targetinfo" >靶点信息</li>
	</ul>
	<ul class="list-group list-group-horizontal">
	  <li class="list-group-item"></li>
	  <li class="list-group-item">靶点位置</li>
	  <li class="list-group-item">实时坐标</li>
	  <li class="list-group-item">坐标差值</li>
	</ul>
	<ul class="list-group list-group-horizontal-sm">
	  <li class="list-group-item">X轴(mm)</li>
	  <li class="list-group-item a1"><span>2.01</span></li>
	  <li class="list-group-item a1"><span>3.01</span></li>
	  <li class="list-group-item a1"><span>2.00</span></li>
	</ul>
	<ul class="list-group list-group-horizontal-md">
	  <li class="list-group-item">Y轴(mm)</li>
	  <li class="list-group-item a1"><span>800.00</span></li>
	  <li class="list-group-item a1"><span>805.00</span></li>
	  <li class="list-group-item a1"><span>5.00</span></li>
	</ul>
	<ul class="list-group list-group-horizontal-lg">
	  <li class="list-group-item">Z轴(mm)</li>
	  <li class="list-group-item a1"><span>3.00</span></li>
	  <li class="list-group-item a1"><span>1.00</span></li>
	  <li class="list-group-item a1"><span>2.00</span></li>
	<ul class="list-group list-group-horizontal-xl">
	 
	</ul>
</div>

<!--导出-->	
<button type="button" class="btn btn-primary erpo">导出</button>
<!--实时图表-->		
<div id="container" class="containertop"></div>

<div class="downlist">
<table class="table table-bordered">
  <thead>
  <tr>
	  <th scope="col" colspan="10" class="targeti">靶点规划</th>
  </tr>
    <tr class="info">
      <th scope="col">编号</th>
      <th scope="col">X轴(MM)</th>
      <th scope="col">Y轴(MM)</th>
      <th scope="col">Z轴(MM)</th>
	  <th scope="col">准直器号</th>
	  <th scope="col">起始角度(°)</th>
	  <th scope="col">终止角度(°)</th>
	  <th scope="col">总剂量(MU)</th>
	  <th scope="col">已治剂量(MU)</th>
	  <th scope="col">是否遮挡</th>
		   
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row" class="info">1</th>
      <td>5</td>
      <td>2</td>
      <td>5</td>
	  <td>1</td>
	  <td>15</td>
	  <td>120</td>
	  <td>100</td>
	  <td>100</td>
	  <td>否</td>
    </tr>
    <tr>
      <th scope="row" class="info">2</th>
      <td>10</td>
      <td>15</td>
      <td>2</td>
	  <td>2</td>
	  <td>22</td>
	  <td>100</td>
	  <td>160</td>
	  <td>50</td>
	  <td>否</td>
    </tr>
    <tr>
      <th scope="row" class="info">3</th>
      <td>12</td>
      <td>5</td>
	  <td>6</td>
	  <td>6</td>
	  <td>0</td>
	  <td>160</td>
	  <td>120</td>
	  <td>0</td>
	  <td>否</td>
    </tr>
	
  </tbody>
</table>
</div>


<div class="input-group mb-3">
  <input type="text" class="form-control tenum" placeholder="请输入需要导出的条数（从最新数据开始计）" aria-label="Recipient's username" aria-describedby="button-addon2">
</div>

<div class="requipment">
	<!--设备状态-->
	<table class="table table-striped szt">
	  <thead>
	    <tr>
	      <th scope="col" colspan="4" class="shebei">设备状态</th>

		</tr>
	  </thead>
	  <tbody>
	    <tr>
	      <th scope="row" class="row1">主机</th>
	      <td><img src="./assets/img/comfirm.png" class="comfirmpng"/></td>
	      <td class="row1">CT</td>
	       <td><img src="./assets/img/comfirm.png" class="comfirmpng"/></td>
	    </tr>
	    <tr>
	      <th scope="row" class="row1">X射线</th>
	     <td><img src="./assets/img/comfirm.png" class="comfirmpng"/></td>
	      <td class="row1">机器人床</td>
	      <td><img src="./assets/img/comfirm.png" class="comfirmpng"/></td>
	    </tr>
	  </tbody>
	</table>
</div>

<!--设备信息-->
<div class="requipmentinfo">
	<table class="table table-striped szt">
	  <thead>
	    <tr>
	      <th scope="col" colspan="4" class="shebei">设备信息</th>
	    </tr>
	  </thead>
	  <tbody>
	    <tr>
	      <th scope="row" class="row2 asa">初始化</th>
	      <td class="row2" colspan="">设备正常，准备就绪...</td>
	    </tr>
	    <tr>
	      <th scope="row" class="row2 asa bjinfo">报警</th>
	      <td class="row2" colspan="2"></td>
	    </tr>
	  </tbody>
	</table>
</div>
<!--时间-->
<div class="alltime">
	<div class="firsttime">
		<p class="firmu1">MU1</p>
		<p class="firmu1p">300</p>
	</div>
	<div class="secondtime">
		<p class="firmu2">MU2</p>
		<p class="firmu2p">300</p>
	</div>
</div>
<div class="btnall">
	<button type="button" class="btn btn-success primfir">初始化</button>
	<button type="button" class="btn btn-success primsec">复位</button>
</div>
<!-- <p>【userId】：<div><input id="userId" name="userId" type="text" value="10"></div>
<p>【toUserId】：<div><input id="toUserId" name="toUserId" type="text" value="20"></div>
<p>【toUserId】：<div><input id="contentText" name="contentText" type="text" value="hello websocket"></div>
<p>【操作】：<div><a onclick="openSocket()" class="openSocket">开启socket</a></div>
<p>【操作】：<div><a onclick="sendMessage()">发送消息</a></div> -->
</div>

    </body>
</html>